<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8"/>
		<title>Africa</title>
		
		<link href="styles/styles.css" rel="stylesheet" type="text/css"/>
	
		<script language="javascript"
	 src="scripts/scripts1.js">
	
	
	</script>	
	</head>
	<body>
		<header><a href="flagsofamerica.html"> Interesting Facts </a></header>
	
	
			<section>
		
		
		<div>
		<img src="images/africatitle.jpg" alt="This is the title slide"
			title="This is the title slide"
			id="picture" />
		</div>
		
		<p id="caption">&nbsp;</p>
		</section>
		
	
		
		
		<nav>
			<div>
				<a href="javascript:showflagegypt()" class="menulinks">Egypt</a>
				<a href="javascript:showflagzimbabwe()" class="menulinks">Zimbabwe</a>
				<a href="javascript:showflagsouthafrica()" class="menulinks">South Africa</a>
				<a href="javascript:showflagghana()" class="menulinks">Ghana</a>
				<a href="javascript:showflagmorocco()" class="menulinks">Morocco</a>
				<a href="javascript:showCounter()" class="menulinks">COUNTER</a>
			</div>
		</nav>
		
	<section>
	<p>In order to view some information of the countries you need to click on the name of the country. The title interesting
	facts will lead you to a second page with more information about Afican and its countries.</p>
	
	</section>
	
		
		
		
		
		<p><footer>
			
			<cite>The pictures come from 
				<a href="http://creativecommons.org" target="_blank">Creative Commons</a></cite>
			<p>&copy; 2011</p>
		</footer>
		</p>
	
	</body>
